.chat-message {
	width: 100%;
	height: calc(100% - 82px);
	overflow: hidden;
	overflow-y: scroll;
	.return-to-bottom {
		position: fixed;
		right: 30px;
		bottom: 70px;
		z-index: 1;
		padding: 10px;
		color: #232323;
		letter-spacing: 2px;
		cursor: pointer;
		background-color: #95ec69;
		border-radius: 4px;
	}
	ul {
		width: 100%;
		padding: 10px;
		margin: 0;
		overflow: hidden;
		overflow-y: scroll;
		list-style: none;
		li {
			line-height: 25px;
			// display: flex;
			word-break: break-all;
			~ li {
				margin-top: 10px;
			}
			img {
				width: 25px;
				height: 25px;
				border-radius: 50%;
			}
		}
		.right {
			.avatar {
				.prohibitCopying();

				display: flex;
				align-items: center;
				justify-content: end;
				margin-right: 5px;
				img {
					margin-left: 10px;
				}
			}
			.msg {
				display: flex;
				justify-content: end;
				.msg-item {
					display: inline-block;
					padding: 5px;
					margin: 0 35px;
					cursor: pointer;
					background-color: var(--app-container-bg);
					border-radius: 4px;
					transition: 0.3s;
					&:hover {
						box-shadow: var(--app-container-box-show);
					}
				}
			}
		}
		.left {
			.avatar {
				.prohibitCopying();

				display: flex;
				align-items: center;
				img {
					margin-right: 10px;
				}
			}
			.msg {
				display: inline-block;
				padding: 5px;
				margin: 0 35px;
				cursor: pointer;
				background-color: var(--app-container-bg);
				border-radius: 4px;
				transition: 0.3s;
				&:hover {
					box-shadow: var(--app-container-box-show);
				}
			}
		}
	}
}
